
.order-con{
  background-color:#ddd;
  overflow-y:auto;
}
.recommend-con{
  margin-top:2.2rem;
}
.title-button, .all-menu-tit button{
  width:5.12rem;
  height:1.4rem;
  margin:.4rem auto;
  background:#f4f4f4;
  line-height:1.4rem;
  border:#d1d1d1 1px solid;
  border-radius: .6rem;
  font-size:.64rem;
  font-weight: lighter;
}
.product-con {
  display: -webkit-box;
  height:3.6rem;
  margin:.4rem;
}
.sprite-con, .thumn-con{
  display: -webkit-box;
  -webkit-box-align: center;
  -webkit-box-pack: end;
  text-align: right;
}
.sprite-con span, .thumn-con span{
  display:block;

  width:.68rem;
  height:.68rem;
  background:url(../assets/sprite.png) no-repeat right;
  background-size:.68rem;
}
.thumn-con span{
  margin-right:.2rem;
  background-image:url(../assets/thumn.png);
}
.order-btn-con{

  text-align:right;
}
.order-btn-con button, .product-rig button{
  width:3.6rem;
  height:1.2rem;
  margin-right:.4rem;
  background:none;
  line-height:1.2rem;
  border:#fd0505 1px solid;
  border-radius: .6rem;
  color:#fd0505;

}
.product-title{
  width:10rem;
  -webkit-box-sizing: border-box;
  line-height:1.6rem;
  text-align:left;
}
.product-title span{
  display: block;
}
.price-txt{
  color:#fd0505;
}
.product-content{
  -webkit-box-flex:1;
}
.recommend-pare .image-con{
  width:14rem;
  height:14rem;
  border:#fff 1px solid;
  margin:0 auto;
}
.recommend-pare .image-con img{
  width:14rem;
  height:14rem;
  border:#fff 1px solid;
}
.menu-description{
  display:-webkit-box;

}
.menu-description dt{
  width:3.6rem;
  height:3.6rem;
}
.menu-description dt span img{
  display: block;
  width:3.6rem;
  height:3.6rem;
  border-radius: .12rem;
}
.all-menu-list-con{
  width:15rem;
  margin:0 auto;
}
.all-menu-tit:first-child{
  border-top:#FFF 1px solid;
}
.all-menu-tit{
  border-bottom:#FFF 1px solid;
}
.menu-product{
  padding:.4rem 0;
  border-bottom:#FFF 1px solid;
}

.pro-name-top{
  display: -webkit-box;
  padding:0 .4rem;
  font-size:.64rem;
}
.pro-name-top .product-left{
  width:7.48rem;
  text-align:left;
}
.pro-name-top .product-rig{
  -webkit-box-flex:1;
  text-align: right;
}
.pro-name-btm .product-left{
  padding-top:1.2rem;
  padding-left:.4rem;
  text-align:left;
}
.half-circle{
  position: fixed;
  top:50%;
  right:0;
  width:1.8rem;
  height:3.6rem;
  margin-top:-1.8rem;
  background:url(../assets/halfCircle.png) no-repeat;
  background-size: 1.8rem 3.6rem;
  z-index:2;
}
.footer-btm{
  display: -webkit-box;
  position: fixed;
  width:15rem;
  height:2.4rem;
  left:50%;
  margin-left:-7.5rem;
  bottom:.72rem;
  -webkit-box-align: center;
  z-index:5;
}
.footer-nav, .footer-cart{
  width:2.4rem;
  height:2.4rem;
  background:url(../assets/nav-icon.png) no-repeat;
  background-size: 2.4rem;
}
.footer-call, .footer-good{
  width:2rem;
  height:2rem;
  margin-left:1.8rem;
  background:url(../assets/call.png) no-repeat;
  background-size:2rem;
}
.footer-good{
  background-image: url(../assets/good-icon.png);
}
.footer-cart{
  margin-left: 2rem;
  background-image: url(../assets/shopCart.png);
}
.menu-slider-list{
  position:fixed;
  width:10rem;
  height:100%;
  transform: translate(15rem, 0px);
  transition: -webkit-transform 0.4s ease-in-out;
  top:1.8rem;
  box-sizing: border-box;
  background:#FFF;
  line-height:1.6rem;
  text-align: left;
  font-size:.64rem;
  border-left:#d1d1d1 1px solid;
  z-index:4;

}
.one-key{
  padding-left:.4rem;
  color:#fba704;

}
.sale-order{
  padding-left:.4rem;
  color:#599b03;
}
.mine-order{
  padding-left:.4rem;
  color:#c0050d
}
.menu-list-tit{
  padding-left:.4rem;
  border-top:#eee 1px solid;
  border-bottom:#eee 1px solid;
  color:#007bee;
  font-size:.78rem;
}
.the-menu-desc{
  padding-left:.4rem;
  border-bottom:#ccc 1px dashed;
}
.the-menu-desc:last-child{
 border-bottom:none
}
.add-to-cart button{
  height:1.4rem;
  padding:0 .4rem;
  background:#c0050d;
  line-height:1.4rem;
  color:#FFF;
  border:none;
  border-radius:6px;
}
.add-to-cart{

}
 .circle{
  position:fixed;

  width:.8rem;
  height:.8rem;

  background:url(../proimage/2.jpg);
  background-size:.8rem;
  border-radius:.8rem;
  z-index:12;
}
.shop-cart-pip{
    position: absolute;
    width:12rem;
    top:3rem;
    left:50%;
    padding:.4rem;
    margin-left: -6rem;
    background:#FFF;
    border-radius:6px;
    z-index:7;

    font-size:.56rem;
}
.cart-tit{
  display: -webkit-box;
}
.cart-tit .title-text{
  width:5rem;
  text-align: left;
}
.cart-tit .price-con{
    -webkit-box-flex:1;
   height:1.4rem;
}
.title-text span{
  font-size:.64rem;
}
.cart-tit .sprite-con, .cart-tit .thumn-con{
  -webkit-box-pack: start;
}
.paragraph{
  width:100%;
  height:2rem;
  overflow:hidden;
  text-align: left;
  text-overflow: ellipsis;
  font-size:.64rem;
}
.img-container{
  display: -webkit-box;
  width:100%;
  height:8rem;
  margin-top:.2rem;
  -webkit-box-pack: center;
  text-align: center;
}
.img-container img{
  display: block;
  width:9rem;
  height:8rem;
  margin:0 auto;
}
.compute-con{
  display: -webkit-box;
  margin-top:.4rem;
}
.button-list{
  width:8rem;
}
.digest-con{
  display: inline-block;
  width:3rem;
  height:1rem;

}
.digest-con input[type="text"]{
   width:3rem;
  height:1.4rem;
   -webkit-box-sizing: border-box;
  line-height:1rem;
  border:#d1d1d1 1px solid;

}
.plus-con, .add-con{
  display:inline-block;
  width:1.6rem;
  background: #FFF;
  border:#d1d1d1 1px solid;
  vertical-align: middle;
  font-size:1rem;
  color:#c0050d;
}
.close-icon{
  position:relative;

}
.close-icon:before{
  content:"X";

  display:block;
  width:1.2rem;
  height:1.2rem;
  margin-top:-.8rem;
  margin-right:-.8rem;
  background: #c0050d;
  line-height:1.2rem;
  border-radius:1.2rem;
  color:#FFF;
  font-size:.64rem;
}
.cart-digest{
  display: block;
  width:.8rem;
  height:.8rem;
  background:#007bee;
  line-height:.8rem;
  border-radius:.8rem;
  color:#FFF;
  font-size:.48rem;
}
.call-body{
  font-size:.64rem;
}
.call-footer{
  display: -webkit-box;
  -webkit-box-pack: center;
  height:1.6rem;
  margin-top:.4rem;
  border-top:#d1d1d1 1px dashed;
}
.call-footer button {
  display: block;
  width:3.6rem;
  height: 1.2rem;
  margin-top: .4rem;
  box-sizing: border-box;
  text-align: center;
  border-radius: 3px;
}
.cancel-btn{
    margin-right:.4rem;
    background-color:#efefef;
   border:none;
}
.confirm-btn{
  background:#FFF;
  border:#007bee 1px solid;
  color:#007bee;
}
